<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台管理系统</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/popup.js"></script>
    <script src="./js/index.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <h1>后台管理系统</h1>
        <div class="name">
            <span>欢迎您 <span class="namea"></span></span>
        </div>
        <div class="login">
            <a href="./H5/login.html">登录</a>

        </div>
    </header>
    <!-- 内容 -->
    <article>
        <div class="top1">
            <h1 class="top">用户列表：</h1>
            <button class="tianjia">添加</button>
        </div>
        <!-- 表格 -->
        <table>
            <thead>
                <tr>
                    <td>序号</td>
                    <td>用户名</td>
                    <td>手机号</td>
                    <td>邮箱</td>
                    <td>性别</td>
                    <td>状态</td>
                    <td>操作</td>
                </tr>
            </thead>

            <tbody>
                
            </tbody>


        </table>


        <!-- 弹出层 -->
        <div class="zhezhao">
            <div class="nei">
                <div class="top">
                    <p>添加用户</p>
                    <button class="but">X</button>
                </div>
                <form class="input" action="javascript:;">
                    <input type="text" name="name" placeholder="用户名"><br>
                    <input type="password" name="pwd" placeholder="密码"><br>
                    <input type="text" name="email" placeholder="邮箱"><br>
                    <input type="radio" value="男" name="sex">
                    <label for="sex">男</label>
                    <input type="radio" value="女" name="sex">
                    <label for="sex">女</label>
                    <input type="radio" value="保密" name="sex">保密<br>
                    <input type="text" name="iphone" placeholder="手机号"><br>
                    <button class="qu">取消</button>
                    <input type="submit" value="添加" class="submit">
                </form>

            </div>
        </div>


    </article>


</body>

</html>